<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <!--响应式布局，宽度等于设备宽度-->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <title>实验云</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/head.css">
    <link rel="stylesheet" type="text/css" href="css/register.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.10.0.js"></script>
    <script type="text/javascript" src="layer/layer.js"></script>
    <!--&lt;!&ndash;[if lt IE 9]>-->
    <!--<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>-->
    <!--<![endif]&ndash;&gt;-->
</head>
<body>
<div class="menu">
    <div class="container con_header">
        <nav class="navbar" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#cloud-navbar-collapse">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div style="width: 40px; height: 40px;">
                        <a class="navbar-brand" href="index.html">
                            <img src="img/logo.png" style="width: 40px; height: 40px;">
                        </a>
                    </div>
                </div>
                <div class="collapse navbar-collapse" id="cloud-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <!--<li class="hov"><a href="#">品牌故事</a></li>-->
                        <li class="hov"><a href="courseLibrary.html">课程库</a></li>
                        <!--<li class="hov"><a href="#">关于我们</a></li>-->
                        <!--<li class="hov"><a href="#">编程介绍</a></li>-->
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>
<div class="main">
    <div class="container" style="background-color: rgba(255,255,255,0);">
        <div class="forgetBox">
            <form id="forgetPDForm" action="" method="post">
                <p class="forgetTit">找回密码</p>
                <div class="row">
                    <p class="col-md-4 col-md-offset-4 col-xs-8 col-xs-offset-2">请输入手机号码</p>
                </div>
                <div class="row">
                    <p class="col-md-4 col-md-offset-4 col-xs-8 col-xs-offset-2">
                        <input type="text" class="form-control" name="userPhone" value="" id="userPhone"/>
                    </p>
                </div>
                <div class="row verifyL">
                    <p class="col-md-4 col-md-offset-4 col-xs-8 col-xs-offset-2">
                        <input type="text" class="form-control" name="phoneV" value="" id="phoneV" style="width: 80px;float: left;margin-right: 15px;"/>
                        <a href="javascript:;" class="getVerify">获取验证码</a>
                    </p>
                </div>
                <div class="row">
                    <p class="col-md-4 col-md-offset-4 col-xs-8 col-xs-offset-2">
                        <input type="button" class="nextBtn" value="下一步"/>
                    </p>
                </div>
            </form>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <ul>
            <li class="footer-tit">联系与反馈</li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">意见反馈</a></li>
        </ul>
        <ul>
            <li class="footer-tit">资源共享</li>
            <li><a href="#">学校支持</a></li>
            <li><a href="#">文章干货</a></li>
            <li><a href="#">相关下载</a></li>
        </ul>
        <ul>
            <li class="footer-tit">关注我们</li>
            <li><a href="#">微信公众号</a></li>
            <li><a href="#">QQ群</a></li>
        </ul>
    </div>
</div>

<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    function check(){
        var userID = $("#userID").val();
        var userPs = $("#userPs").val();
        if(userID == ""){
            alert("请输入用户名");
            return false;
            console.log("in");
        }
        if(userPs == ""){
            alert("请输入密码");
            return false;
        }
        $("#loginForm").submit();
        window.location.href = "courseLibrary.html";
    }
</script>
<!-- <script type="text/javascript" src="js/main.js"></script> -->
</body>
</html>